
/*----------------中间内容---------------------*/
/*.middle {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

.middle > div {
    display: flex;
    justify-content: space-between;
}

.middle > div > div {
    border: 1px solid red;
}

.middle > div > div:first-child {
    width: 580px;
}


.middle > div > div:nth-child(2) {
    width: 400px;
}

.middle > div > div:first-child > div:nth-child(2) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.middle > div > div:first-child > div:nth-child(2) > div:nth-child(1) {
    height: 220px;
    width: 220px;
    /*border: 1px solid red;*/
}

.middle > div > div:first-child > div:nth-child(2) > div:nth-child(1) > img {
    height: 100%;
    width: 100%;
}

.middle > div > div:first-child > div:nth-child(2) > div:nth-child(2) {
    height: 220px;
    width: 330px;
    /*border: 1px solid red;*/
}

/*-------------------较新动态的新闻内容----------------------*/
.middle > div > div:first-child > div:nth-child(2) > div:nth-child(2) > div {
    height: 70px;
    border-bottom: 1px dashed red;
    display: flex;
    align-items: flex-end;
}

.middle > div > div:first-child > div:nth-child(2) > div:nth-child(2) > div > div {
    margin: 5px 0;
}

/*新闻标题*/
.middle > div > div:first-child > div:nth-child(2) > div:nth-child(2) > div > div > div:first-child {
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
}

.middle > div > div:first-child > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(2) {
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
}



/*------------产品展示----------------------------*/
.middle > div > div:nth-child(2) > div:nth-child(2) {
    padding: 10px;
    /*background-color: aqua;*/
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div {
    width: 180px;
    height: 220px;
    border: 1px solid red;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div img {
    width: 100%;
    height: 100%;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:first-child {
    height: 160px;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) >div:nth-child(1){
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) >div:nth-child(2){
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}